@charset "utf-8";


@import "common";

img{
    max-width: 100%;
    vertical-align: middle;
}

.container-fluid{
    .news{
        padding: 15px 0px ;
        .news_title{
            margin-bottom:80px ;
            >div:last-of-type .reimg{
                float: right;
            }
            >div:nth-of-type(2) .reimg{
                margin: 0 auto;
            }
            h2{
                color: #ff6b08;
                font-size: 30px;
                line-height: 70px;
                padding-left: 15px;
            }
            .reimg{
                position: relative;
                width: 100%;
                max-width:302px ;
                @include imgoverflow;
                border: 1px solid #eeeeee;
                border-radius: 3px;
                div{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 40px;
                    line-height:40px ;
                    font-size: 14px;
                    color: #fff;
                    padding: 0 5%;
                    background: rgba(0,0,0,0.4);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                &:hover img{
                    opacity: .7;
                }
            }
        }
        .news_list{
            .list_img{
                max-width: 220px;
                height: 136px;
                border-radius: 3px;
                text-align: center;
                &:hover{
                    box-shadow: 2px 2px 10px rgba(0,0,0,.8);
                }
                img{
                    max-width:100% ;
                    vertical-align: middle;
                    padding: 5px;
                    border: 1px solid #dddddd;
                }
            }
            .list_text{
                color: #2a2a2a;
                font-size: 14px;
                margin-top: -6px;
                a>p{
                    color: #666666;
                    font-size: 18px;
                    line-height: 22px;
                }
                a:hover,a:active{
                    p{ color: #ff6900; }
                }
                p{
                   line-height: 25px; 
                   margin-top: 10px;
                   -webkit-line-clamp: 3;
                   @include textover2;
                }
            }
            .list_btn{
                text-align: right;
                margin-bottom: 50px;
                a{
                    color: #ff6900;
                    font-size: 14px;
                    padding: 8px 25px;
                    border: 1px solid #ff6900;
                    border-radius: 16px;
                    background: transparent;
                    &:hover{
                        background: #ff6900;
                        color: #fff;
                        box-shadow: 2px 2px 10px rgba(0,0,0,.8);
                    }
                }
            }
        }
        .news_btn{
            border-top: 1px dashed #d4d4d4;
            margin: 0px 10px;
            padding:35px 0px 25px;
            ul{
                list-style: none;
                font-size: 0;
                text-align: center;
                padding: 0;
                li{
                    display: inline-block;
                    font-size: 12px;
                    color: #2a2a2a;
                    &:first-child{
                        border:1px solid #ddd;
                        padding: 6px 12px;
                    }
                    a{
                        display: block;
                        font-size: 12px;
                        color: #2a2a2a;
                        border:1px solid #ddd;
                        padding: 6px 12px;
                        transition: all .4s ease-in;
                    }
                    &.active,&:hover{
                        a{
                            color: #fff;
                            background: #e34637;
                            border-color:#e34637;
                            box-shadow: 0px 2px 10px rgba(0,0,0,.8); 
                        }
                    }
                }
            }
        }
    }
}




/*小屏幕 平板 (≥768px)*/
@media only screen and (max-width:991px) and (min-width:768px){
    .container-fluid{
        .news{
            .news_list{
                
            }
            .news_list .list_text{
                padding-left: 15px;
            }
        }
    }
}

/**手机端<768px)**/
@media only screen and (max-width:767px){
    .container-fluid{
        .news{
            .news_title  .reimg{
               margin: 0 auto 30px;
            }
            .news_title > div:last-of-type .reimg{
                float: none;
                margin: 30px auto;
            }
            .news_list{
                .list_btn{
                    display: none;
                }
                >div{
                    margin-bottom: 40px;
                }
                .list_text{
                    padding-left: 5px;
                }
            }
        }
    }
}